<!--
* description: 备件出库
* author: xiaochengzuan
* createdDate: 2021-7-12

*author: chenweilin
* createdDate: 2021-7-10
-->
<template>
  <div class="app-container app-container-table">
    <el-tabs v-model="activeName" style="background:#fff;">
      <el-tab-pane label="维修出库" name="first">
        <maintenanceDelivery v-if=" activeName =='first' "/>
      </el-tab-pane>
      <el-tab-pane label="直营销售出库" name="second">
        <directSaleDelivery v-if=" activeName =='second' "/>
      </el-tab-pane>
      <el-tab-pane label="销售出库" name="third">
        <saleDelivery v-if=" activeName =='third' "/>
      </el-tab-pane>
      <el-tab-pane label="领用出库" name="four">
        <collectDelivery v-if=" activeName =='four' "/>
      </el-tab-pane>
  </el-tabs>
  </div>
</template> 
<script>
import Vue from 'vue';
import maintenanceDelivery from './deliveryComponents/maintenanceDelivery.vue';
import saleDelivery from './deliveryComponents/saleDelivery.vue';
import directSaleDelivery from './deliveryComponents/directSaleDelivery.vue';
import collectDelivery from './deliveryComponents/collectDelivery';
export default {
  // 阻塞路由预加载网格中组件的数据
  beforeRouteEnter(to, from, next) {
    Vue.prototype.$ConfigCache.CacheConfig.initData([to.path, ''], function() {
      next()
    })
  },
  components:{
      maintenanceDelivery,
      saleDelivery,
      directSaleDelivery,
      collectDelivery
  },
  data(){
    return{
      activeName:'first'
    }    
  },

  methods:{
    
  }
}
</script>
<style lang="scss" scoped>
.el-tabs__header {
  margin: 0 0 2px;
}
</style>
